﻿/* -----------------------------
** AAM's Cascading Style Sheet **
    ** For Navigation Menu **
------------------------------- */

/* MENU POSITION */
#navigation-block
{
    position: relative;
    top: 200px;
    left: 200px;
}


/* MENU STYLE */
ul#sliding-nav
{
    /* Remove list bullets */
    list-style: none;
    /* Font Size of Menu Links */
    font-size: .80em;
    margin: 30px 0;
    padding: 0;
}


/* SHARED COMMON ATTRIBUTES */
ul#sliding-nav li.sliding-element h3, ul#sliding-nav li.sliding-element a
{
    display: block;
    text-align: center;
    /* Round Menu Elements' Edges */
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* Rounded-Edge-Code-Ends */
    width: 150px;
    padding: 5px 18px;
    margin: 0;
    margin-bottom: 5px;
}


/* MAIN MENU HEADER */
ul#sliding-nav li.sliding-element h3
{
    color: #FFF;
    background: #002B5F repeat-y;
    font-weight: normal;
}


/* SUB MENU */
ul#sliding-nav li.sliding-element a
{
    color: #FFF;
    text-decoration: none;
    background: #097EC2 repeat-y;
}


/* SUB MENU ELEMENT ON-HOVER */
ul#sliding-nav li.sliding-element a:hover
{
    color: #F0F0F0 !important;
    font-weight: bold;
    text-transform: uppercase;
    background: #76BC76 url('../Images/NavHoverStar.png') repeat-y;
}


/* SUB MENU ELEMENT ON-CLICK */
ul#sliding-nav li.sliding-element a:active
{
    color: #F0F0F0;
    font-weight: bold;
    text-transform: uppercase;
    background: #00263c repeat-y;
}
